<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Flex 布局</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="container">
    <div class="item item-1"><span>1</span></div>
    <div class="item item-2"><span>2</span></div>
    <div class="item item-3"><span>3</span></div>
    <div class="item item-4"><span>4</span></div>
    <div class="item item-5"><span>5</span></div>
</div>

</body>
</html>